body { margin: 0; padding: 0; }

#container { margin: 0 auto; }


.grid {
    cursor: pointer;
    font-size: 0;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
.grid-row {
    font-size: 0;
    line-height: 0;
}
.grid-cell {
    display: inline-block;
    border-top: 1px solid black;
    border-left: 1px solid black;
}
.grid-cell:hover {
}
.airplane {
    position: absolute;
    opacity: 0.5;
    font-size: 0;
}
.airplane-row {
    margin-top: 1px;
}
.airplane-row:first-child {
    margin-top: 0;
}
.airplane-cell {
    display: inline-block;
    margin-left: 1px;
}
.airplane-cell:first-child {
    margin-left: 0;
}
.airplane-cell-normal {
    background: blue;
}

#my-airport-panel { position: absolute; left: 0; top: 0; padding: 10px; }
#my-chessboard-panel { position: absolute; left: 200px; top: 0; padding: 10px; }
#your-chessboard-panel { position: absolute; left: 500px; top: 0; padding: 10px; }

#operate-panel { position: absolute; left: 750px; top: 0; padding: 10px; }
